/* pages/my/index.wxss */
.my {
  .page-content {
    .top {
      position: relative;
      width: 100%;
      height: 480rpx;

      .top-bg {
        width: 100%;
        height: 100%;
      }

      .top-title {
        position: absolute;
        left: 0;
        width: 100%;
        font-size: 17px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        // border:1px solid red;
      }

      .account {
        position: absolute;
        left: 30rpx;
        right: 30rpx;
        top: 50%;
        transform: translateY(-50%);
        // border: 1px solid red;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .login {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 30rpx;
          color: #FEFEFE;
          line-height: 1.6;

          image {
            margin-left: 14rpx;
            width: 46rpx;
            height: 46rpx;
          }
        }

        &-left {
          display: flex;
          align-items: center;

          .avatar {
            width: 90rpx;
            height: 90rpx;
            margin-right: 20rpx;
          }

          .info {
            display: flex;
            flex-direction: column;

            .name {
              font-size: 36rpx;
              font-weight: bold;
              color: #FEFEFE;
              line-height: 1.5;
            }

            .phone {
              font-size: 24rpx;
              font-weight: 400;
              color: #FEFEFE;
              line-height: 1.5;
            }
          }


        }
      }
    }

    .btn {
      width: 90%;
      margin: 20rpx auto;
      height: 80rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10rpx;
      font-size: 30rpx;
      font-weight: 400;
      color: #FFFFFF;

      &.btn-a {
        background: #54B6E5;
      }

      &.btn-b {
        background: #a88bda;
      }

      &.btn-c {
        background: #df92aa;
      }

      &.btn-d {
        background: #e2a964;
      }

      &.btn-e {
        background: #3ea9f0;
      }

      &.btn-f {
        background: #75b067;
      }
    }
  }
}

.action-sheet {
  z-index: 100000;
  border: 1px solid transparent;
}